<template>
    
</template>
<script>
import {
    defineComponent,
    reactive,
    computed,
    ref,
    watch,
    getCurrentInstance,
} from "vue";
import { useStore } from "vuex";
import url from "url";
import { getMenu, getAddress } from "@/service";
import { useRouter } from "vue-router";
export default defineComponent({
    setup() {
        
        return {
           
        };
    },
});
</script>

<style lang="scss" scoped>
.main {
    width: 100%;
    flex: 1;
    background-color: $backColorGray;
    display: flex;
    overflow: hidden;
    .slider-bars {
        background-color: white;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden;
        padding: $moduleGap 0;
        width: 12vw;
        min-width: 205px;
        @include noScroll;
    }
    .slide-title {
        font-size: 18px;
        padding: $moduleGap $moduleGap 10px;
    }
    main {
        flex: 1;
        height: 100%;
        padding: 0 $moduleGap $moduleGap;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .view {
        flex: 1;
        position: relative;
        overflow: hidden;
        .iframe {
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
    }
}
</style>
